<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jsonengine-note</title>
<!-- <link type="text/css" href="css/jsonengine-note.css" rel="stylesheet" /> -->
<style type="text/css">
#side {
	position:fixed;
	top:5em;
	bottom:1em;
	width:18em;
}
#side .view {
	position:absolute;
	top:2em;
	bottom:0em;
	left:0em;
	right:0em;
	overflow:auto;
	border:1px solid silver;
}
#side .view input {
	width:98%;
	cursor:pointer;
	border:0;
	color:blue;
	text-decoration:underline;
}

#main {
	position:fixed;
	top:5em;
	bottom:1em;
	left:19em;
	right:1em;
}
#main .edit {
	position:absolute;
	top:0em;
	bottom:2em;
	left:0em;
	right:0em;
}
#main .edit textarea{
	position:absolute;
	width:100%;
	height:100%;
}
#main .cmd{
	position:absolute;
	bottom:0em;
	width:100%;
}
#main .cmd ._DELETE{
	position:absolute;
	right:0em;
}
</style>
<script type="text/javascript" src="../../../../jquery-1.5.js"></script>
<script type="text/javascript" src="../../jquery.values.js"></script>
<script type="text/javascript" src="../../jquery.jsonengine.core-1.4.js"></script>
<script type="text/javascript" src="../../jquery.jsonengine-1.4.js"></script>
<script type="text/javascript" src="../../jquery.jsonengine.ext-1.4.js"></script>
</head>
<body>

	<h1>jsonengine-note v2</h1>

		<div id="side">
			<form class="_je_notes2 search">
				<input type="input" name="detail_"/>
				<input type="reset" value="x" />
				<input type="button" class="_SEARCH" value="♀"/>
			</form>
			<div class="_je_notes2 view">
				<span class="query">?sort=_createdAt.desc</span>
				<span class="template">
					<a class="_ie_setform"><input class="list" value="{{detail_}}"/></a><br/>
				</span>
			</div>
		</div>
		<div id="main">
			<form class="_je_notes2">
				<div class="edit">
				<input type="text" style="display:none;" name="_docId"/>
				<textarea name="detail_"></textarea>
				</div>
				<div class="cmd">
				<input type="reset" value="new"/>
				<input type="button" class="_POST" value="save"/>
				<input type="button" class="_DELETE" value="delete"/>
				</div>
			</form>
		</div>
	<div style="border:0px solid gray; padding:1em;">
	</div>

</body>
</html>


